
function loadCommon(pages){
	loadHeader(pages);
	loadFooter();
	loadBottom();
}




function loadHeader(pages){
	var homeActiveStatu,servicesActiveStatu,productActiveStatu,aboutUsActiveStatu,joinUsActiveStatu,contactUsActiveStatu='noActive';
	switch(pages)
	{
		case 'home':
			homeActiveStatu='active';
			break;
		case 'services':
			servicesActiveStatu='active';
			break;
		case 'product':
			productActiveStatu='active';
			break;
		case 'aboutUs':
			aboutUsActiveStatu='active';
			break;
		case 'joinUs':
			joinUsActiveStatu='active';
			break;
		case 'contactUs':
			contactUsActiveStatu='active';
			break;
		case 'case':
			productActiveStatu='active';
			break;
		default:
			homeActiveStatu='active';
	}
	
	var topBar = '<div class="top-bar">'+
        '<div class="container">'+
    '<div class="row">'+
        '<div class="col-sm-6 col-xs-4">'+
            '<div class="top-number"><p><i class="fa1 fa-phone-square1"></i>全国服务热线：400-6566-770</p></div>'+
        '</div>'+
        '<div class="col-sm-6 col-xs-8">'+
           '<div class="social">'+
                '<ul class="social-share">'+
                    //'<li><a href="#"><i class="fa fa-facebook"></i></a></li>'+
                    //'<li><a href="#"><i class="fa fa-twitter"></i></a></li>'+
                   // '<li><a href="#"><i class="fa fa-linkedin"></i></a></li>'+
                    //'<li><a href="#"><i class="fa fa-dribbble"></i></a></li>'+
                    //'<li><a href="#"><i class="fa fa-skype"></i></a></li>'+
                '</ul>'+
                '<div class="search">'+
                    '<form role="form">'+
                        '<input type="text" class="search-form" autocomplete="off" placeholder="搜索">'+
                        '<i class="fa fa-search"></i>'+
                    '</form>'+
               '</div>'+
           '</div>'+
        '</div>'+
    '</div>'+
'</div>'+
'</div>';
	
	var nav ='<nav class="navbar navbar-inverse" role="banner">'+
        '<div class="container">'+
    '<div class="navbar-header">'+
        '<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">'+
            '<span class="sr-only">Toggle navigation</span>'+
            '<span class="icon-bar"></span>'+
            '<span class="icon-bar"></span>'+
            '<span class="icon-bar"></span>'+
        '</button>'+
        '<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>'+
    '</div>'+
    '<div class="collapse navbar-collapse navbar-right">'+
       '<ul class="nav navbar-nav">'+
            '<li class="'+homeActiveStatu+'"><a href="index.html">首页</a></li>'+
            '<li class="'+servicesActiveStatu+'"><a href="index.html#services">我们的服务</a></li>'+
            //'<li class="dropdown '+productActiveStatu+'">'+
            //   '<a href="case.html" class="dropdown-toggle" data-toggle="dropdown">案例</a>'+
            //'</li>'+
			'<li class="'+productActiveStatu+'"><a href="case.html">案例</a></li>'+
            '<li class="'+aboutUsActiveStatu+'"><a href="about-us.html">关于我们</a></li>'+
            '<li class="'+contactUsActiveStatu+'"><a href="contact-us.html">联系我们</a></li>'+  
			'<li class="'+joinUsActiveStatu+'"><a href="join-us.html">加入我们</a></li> '+                  
        '</ul>'+
    '</div>'+
'</div>'+
'</nav>';
	
	$('#header').html(topBar+nav);
}


function loadFooter(){
	var footerHtml='<div class="container">'+
        '<div class="row">'+
    '<div class="col-sm-6">'+
        '&copy; 2016 <a target="_blank" href="http://www.itaihui.cn" title="深圳市太慧科技有限公司">深圳市太慧科技有限公司版权所有</a>&nbsp;&nbsp;<a target="_blank" href="http://www.miitbeian.gov.cn">粤ICP备16044045号</a>'+
    '</div>'+
    '<div class="col-sm-6">'+
        '<ul class="pull-right">'+
            '<li><a href="index.html">首页</a></li>'+
            '<li><a href="about-us.html">关于我们</a></li>'+
            '<li><a href="contact-us.html">联系我们</a></li>'+
            '<li><a href="join-us.html">加入我们</a></li>'+
        '</ul>'+
    '</div>'+
'</div>'+
'</div>';
	
	$('#footer').html(footerHtml);
}

function loadBottom(){
	
	var bottomHtml='<div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">'+
        '<div class="row">'+
    '<div class="col-md-3 col-sm-6">'+
        '<div class="widget">'+
            '<h3>公司</h3>'+
            '<ul>'+
                '<li><a href="about-us.html">关于我们</a></li>'+
                '<li><a href="contact-us.html">联系我们</a></li>'+
                '<li><a href="join-us.html">加入我们</a></li>'+
            '</ul>'+
        '</div>    '+
    '</div><!--/.col-md-3-->'+

    '<div class="col-md-3 col-sm-6">'+
        '<div class="widget">'+
            '<h3>支持</h3>'+
            '<ul>'+
                '<li><a href="#">常见问答</a></li>'+
                '<li><a href="#">产品试用</a></li>'+
                '<li><a href="#">提供报价</a></li>'+
            '</ul>'+
        '</div>    '+
    '</div><!--/.col-md-3-->'+

    '<div class="col-md-3 col-sm-6">'+
        '<div class="widget">'+
            '<h3>产品</h3>'+
            '<ul>'+
                '<li><a href="#">电商平台</a></li>'+
                '<li><a href="#">企业网站</a></li>'+
                '<li><a href="#">直销软件</a></li>'+
            '</ul>'+
        '</div>    '+
    '</div><!--/.col-md-3-->'+

    '<div class="col-md-3 col-sm-6">'+
        '<div class="widget">'+
            '<h3>合作伙伴</h3>'+
            '<ul>'+
                '<li><a href="#">华为集团</a></li>'+
                '<li><a href="#">华融集团</a></li>'+
                '<li><a href="#">腾讯集团</a></li>'+
            '</ul>'+
        '</div>    '+
    '</div><!--/.col-md-3-->'+
'</div>'+
'</div>';
	
	$('#bottom').html(bottomHtml);
}


